import { DownOutlined } from '@ant-design/icons';

import HotTags from '../componen/HotTags';
import PhotoGrapher from '../componen/PhotoGrapher';
import HotImg from '../componen/HotImg';
import LunBo from '../componen/LunBo';
import Main from "../view/login/Main"
import NavTop from '../componen/NavTop';
import HomePageBottom from '../componen/HomePageBottom';

function HomePage() {
    return (
        <div className="containerPage">
            <div className="homePage">
                < NavTop />
                <Main />
                <div className="content">
                    <img src="https://7mx.com/static/img/m.8f17855.svg" alt="" />
                    <h1 className='title'>7MX——Home Business Advertising Ideas</h1>   <div className="search">
                        <div className="search">
                            <span >图片</span>
                            <span><DownOutlined style={{ fontWeight: 'bolder' }} /></span><span style={{ marginLeft: '5px' }} >|</span>
                            <input type="text" placeholder="搜索" />
                            <span className="searchImg"><img src={require('../image/search.png')} alt="" /></span>
                        </div>

                    </div>
                </div>
                <div className="banner-container">
                    <div><img src={require('../image/8.a1fcc8d.jpg')} alt="" /></div>
                    <div className="navR">
                        <div><h3>7MX官方推荐</h3></div>
                        <div><a href="#">正在进行</a></div>
                        <div><a href="#">“宜居经开” 微视频、摄影大赛</a></div>
                        <div><a href="#">QQ IDEA 主题设计大赛</a></div>
                        <div><a href="#" style={{ color: '#2cc596' }}>小米国际主题大赛</a></div>
                        <div><a href="#">拍信创意商店</a></div>
                        <div  ><a href="#" ><div className="navActive">申请活动</div></a></div>
                    </div>
                </div>
            </div>
            <HotTags />
            <PhotoGrapher />
            <HotImg />
            <LunBo />
            <HomePageBottom />
        </div>


    );
}
export default HomePage;